<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!
DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>超市账单管理系统</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	function yanzheng() {
		var oldPassword = $("#oldPassword").val();
		if (oldPassword == null || oldPassword == "") {
			$("#MsgOldPassword").html("原密码不能为空！");
		} else {
			$.ajax({
				"url" : "user-updatePwd.do?opr=yanZhengOldPassword",
				"type" : "get",
				"data" : "oldPassword=" + oldPassword,
				"dataType" : "text",
				"success" : function(data) {
				//alert(data);
					if (data != "true") {
						$("#MsgOldPassword").html("原密码不正确！");
					} else {
						$("#MsgOldPassword").html("");
					}
				}
			})

		}
	}
</script>
</head>
<body>
<!--头部-->
    <header class="publicHeader">
        <h1>超市账单管理系统</h1>
        <div class="publicHeaderR">
        <p><span>下午好！</span><span style="color: #fff21b"> ${USER.userName }</span> , 欢迎你！</p>
        <a href="user-login.do?opr=loginOut">退出</a>
    </div>
    </header>
<!--时间-->
    <section class="publicTime">
        <span id="time">2015年1月1日 11:11  星期一</span>
        <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
    </section>
<!--主体内容-->
    <section class="publicMian ">
        <div class="left">
            <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
            <nav>
                <ul class="list">
                <li><a href="bill-getBillList.do">账单管理</a></li>
                <li><a href="provider-getProviderList.do">供应商管理</a></li>
                <li><a href="user-getUserList.do">用户管理</a></li>
                <li id="active"><a href="user-updatePwd.do?opr=show">密码修改</a></li>
                <li><a href="user-login.do?opr=loginOut">退出系统</a></li>
              
                </ul>
            </nav>
        </div>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>密码修改页面</span>
            </div>
            <div class="providerAdd">
                <form action="user-updatePwd.do?opr=updatePwd" method="post" id="form3">
                    <!--div的class 为error是验证错误，ok是验证成功-->
                    <div class="">
                        <label for="oldPassword">旧密码：</label>
                        <input type="password" name="oldPassword" id="oldPassword" required  onblur="yanzheng()"/>
                        <span id="MsgOldPassword">*请输入原密码</span>
                    </div>
                    <div>
                        <label for="newPassword">新密码：</label>
                        <input type="password" name="password" id="newPassword" required/>
                        <span >*请输入新密码</span>
                    </div>
                    <div>
                        <label for="reNewPassword">确认新密码：</label>
                        <input type="password" name="reNewPassword" id="reNewPassword" required/>
                        <span >*请输入新确认密码，保证和新密码一致</span>
                    </div>
                    <div class="providerAddBtn">
                        <!--<a href="#">保存</a>-->
                        <input type="button" value="保存" onclick="javascript:document.forms['form3'].submit()" />
                    </div>
                </form>
            </div>
        </div>
    </section>
    <footer class="footer">
        版权归卓尔科技
    </footer>
<script src="js/time.js"></script>

</body>
</html>